Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Enhancement: Form Layout and Submit Button Improvements #1090

Closed
wants to merge 1 commit into from
Closed

Enhancement: Form Layout and Submit Button Improvements #1090

wants to merge 1 commit into from

Conversation

veepanshu-kasana
Copy link
Contributor

@veepanshu-kasana veepanshu-kasana commented Nov 8, 2024 •
edited
Loading

Changes Made

  • Reduced input field widths from full-width to 450px for better usability
  • Fixed label alignment to ensure single-line display
  • Added consistent spacing between form elements using flexbox
  • Enhanced submit button styling:
    • Added proper padding and border-radius
    • Improved button positioning and alignment
    • Implemented smooth hover state transition
    • Improved overall form layout spacing

Closes #1015

Visual Changes

Before: Input fields were full-width, labels had inconsistent spacing, and button lacked refined styling
After: More compact layout with standardized widths, proper alignment, and polished button appearance

Screenshots

Before:

issue3

After:

simplescreenrecorder-2024-11-08_09.00.20.mp4

@vercel Vercel
Copy link

vercel bot commented Nov 8, 2024 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ticket-booking ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 9, 2024 0:48am

@veepanshu-kasana
Copy link
Contributor Author

@ankit071105 Hi! I've made some layout improvements to the form section (input widths, spacing & button styling). Would appreciate your review when convenient(#1015). 🙂

@ankit071105 ankit071105 added bug Something isn't working level1 GirlScript Summer of Code gssoc-ext hacktoberfest-accepted labels Nov 9, 2024
@veepanshu-kasana
Copy link
Contributor Author

@ankit071105 Please review this pull request and merge it!

This was referenced Nov 9, 2024
Closed
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
bug Something isn't working gssoc-ext hacktoberfest-accepted level1 GirlScript Summer of Code
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

[BUG] Submit Button & Sell Ticket Form Alignment Issues!
2 participants
@veepanshu-kasana @ankit071105